@charset "utf-8";
.section1{ position: relative; overflow: hidden;}
.section1 .yuan1{width: 700px;height: 700px;border-radius: 50%;background-image: linear-gradient( 35deg,#e5effb,#e5effb);position: absolute;top: -350px;left: -350px;z-index: 1;animation: border-transform 6s linear infinite;}
@keyframes border-transform{
	0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}
.section1 .yuan2{background: url(index1-3.png) no-repeat top right;width: 700px;height: 700px;position: absolute;right: 0;bottom: 0;z-index: 1;animation: move_wave 5s linear infinite;overflow: hidden;}
	
@keyframes move_wave {
    0% {
    transform: scale(1)
    }
    50% {
      transform: scale(1.5)
    }
    100% {
      transform: scale(1)
    }
}
.section1 .cont{position: relative;padding-bottom: 154px;z-index: 2;}
.section1 .a1{margin-bottom: 84px; padding-top: 94px;}
.section1 .a1 .b1{float: left; width: 50%;}
.section1 .a1 .b1 .bb{margin-bottom: 28px; padding-bottom: 20px; font-size: 36px; color: #000000; font-weight: bold; background: url(pic_03.png) no-repeat left bottom;}
.section1 .a1 .b1 .bc{margin-bottom: 70px; font-size: 26px; color: #979899;}
.section1 .a1 .b1 .bd{margin-bottom: 49px; font-size: 16px; color: #555555; line-height: 32px;}
.section1 .a1 .b1 .be a{display: block; width: 160px; height: 44px; text-align: center; line-height: 44px; border: 1px solid #dcdcdc; font-size: 14px; color: #747474; transition: all 0.4s;}
.section1 .a1 .b1 .be a span{margin-left: 8px;}
.section1 .a1 .b1 .be a:hover{color: #ffffff; background: #0079cc; border-color: #0079cc;}
.section1 .a1 .b2{float: right; width: 50%;}
.section1 .a1 .b2 .picBox{text-align: right;}
.section1 .a2 .item{float: left; width: 22%; margin-right: 4%; text-align: center;}
.section1 .a2 .item:last-child{margin-right: 0;}
.section1 .a2 .item .item-top{border-bottom: 1px solid #dfdfdf;}
.section1 .a2 .item .item-top span{font-family: Arial; font-size: 70px; font-weight: bold; color: #0079cc;}
.section1 .a2 .item .item-top i{margin-left: 8px; font-size: 18px; vertical-align: 38px;}
.section1 .a2 .item .item-bot{margin-top: 18px; font-size: 20px;}

.section2{position: relative;padding: 60px 0 130px 0;background: url(pic_04.jpg) no-repeat center center;background-size: cover;}
.section2 .a1{margin-bottom: 65px;}
.section2 .a1 .b1{float: left; padding-bottom: 20px; font-size: 36px; font-weight: bold; color: #ffffff; background: url(pic_05.png) no-repeat left bottom;}
.section2 .a1 .b2{float: right; border-bottom: 1px solid rgba(255, 255, 255, .2);}
.section2 .a1 .b2 .item{position: relative; float: left; margin-right: 64px; padding-bottom: 20px;}
.section2 .a1 .b2 .item:last-child{margin-right: 0;}
.section2 .a1 .b2 .item a{position: relative; font-size: 18px; color: #ffffff;}
.section2 .a1 .b2 .item.on::before,
.section2 .a1 .b2 .item:hover::before{position: absolute; left: 0; bottom: -2px; content: '\20'; width: 100%; height: 3px; border-radius: 10px; background: #ffffff;}
.section2 .a1 .b2 .item.on::after,
.section2 .a1 .b2 .item:hover::after{position: absolute; left: 50%; bottom: 10px; content: '\20'; width: 6px; height: 6px; transform: translateX(-50%); border-radius: 50%; background: #ffffff;}
.section2 .a2 .item .swiper-container{padding-bottom: 68px;}
.section2 .a2 .item .swiper-slide{padding-bottom: 42px; background: #ffffff; text-align: center; border: 4px solid #f5f5f5; box-sizing: border-box;}
.section2 .a2 .item .swiper-slide .picBox{overflow: hidden;}
.section2 .a2 .item .swiper-slide .picBox img{max-width: 100%; transition: all 0.4s;}
.section2 .a2 .item .swiper-slide .textBox .tit{position: relative; margin-bottom: 36px; padding-bottom: 25px; font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section2 .a2 .item .swiper-slide .textBox .tit::before{position: absolute; left: 50%; bottom: 0; content: '\20'; width: 52px; height: 4px; transform: translateX(-50%); border-radius: 8px; background: #0079cc;}
.section2 .a2 .item .swiper-slide .textBox .tip{width: 160px; height: 44px; margin: 0 auto; text-align: center; line-height: 44px; border: 1px solid #dcdcdc; font-size: 14px; color: #747474; transition: all 0.4s;}
.section2 .a2 .item .swiper-slide .textBox .tip span{margin-left: 8px;}
.section2 .a2 .item .swiper-slide .textBox .tip:hover{color: #ffffff; background: #0079cc; border-color: #0079cc;}
.section2 .a2 .item .swiper-slide:hover .picBox img{transform: scale(1.1);}
.section2 .a2 .item .swiper-pagination .swiper-pagination-bullet{width: 14px; height: 8px; border-radius: 8px; background: #ffffff; opacity: 1; transition: all 0.3s;}
.section2 .a2 .item .swiper-pagination .swiper-pagination-bullet-active{width: 52px;}
.section2 .a2 .item .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0;}

.section3{position: relative; margin-bottom: 76px;}
.section3 .a1{margin-bottom: 54px;padding-top: 40px;}
.section3 .a1 .b1{float: left; font-size: 36px; font-weight: bold; color: #000000; line-height: 42px;}
.section3 .a1 .b2{position: relative; float: right; margin-top: 30px; padding: 0 20px 0 55px; background: #1378be; font-size: 24px; font-weight: bold; color: #ffffff; border-radius: 30px; line-height: 55px;}
.section3 .a1 .b2::before{position: absolute; left: 6px; top: 50%; content: '\20'; width: 45px; height: 45px; transform: translateY(-50%); border-radius: 50%; background: url(pic_07.png) no-repeat center center #ffffff;}
.section3 .a2{margin-bottom: 35px;}
.section3 .a2 .item{float: left; width: 15%; margin-right: 2%; padding-top: 46px; padding-bottom: 53px; background: #f4f8fa; text-align: center; transition: all 0.4s;}
.section3 .a2 .item:last-child{margin-right: 0;}
.section3 .a2 .item .picBox{display: flex; justify-content: center; align-items: center; width: 59px; height: 59px; margin: 0 auto; border-radius: 50%; border: 1px solid #bed3e1;}
.section3 .a2 .item .textBox{margin-top: 40px; font-size: 20px;}
.section3 .a2 .item:hover{transform: translateY(-20px); box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.section3 .a3 .b1{float: left;}
.section3 .a3 .b2{position: relative; float: right; width: 880px; height: 400px; padding: 35px 35px 0 35px; background: url(pic_10.jpg) no-repeat center center #1378be; background-size: cover; box-sizing: border-box;}
.section3 .a3 .b2 .textBox{position: relative; margin-bottom: 32px;}
.section3 .a3 .b2 .textBox .tit{margin-bottom: 10px; font-size: 30px; font-weight: bold; color: #ffffff;}
.section3 .a3 .b2 .textBox .tip{font-size: 14px; color: rgba(255, 255, 255, .8);}
.section3 .a3 .b2 .more{position: absolute; right: 0; bottom: 0;}
.section3 .a3 .b2 .more{font-size: 30px; color: #ffffff;}
.section3 .a3 .b2 .picBox .item{float: left; margin-right: 22px;}
.section3 .a3 .b2 .picBox .item:last-child{margin-right: 0;}
.section3 .a3 .b2 .moveBox{position: absolute; right: 36px; bottom: 30px;}

.section4{padding: 64px 0 90px 0; background: url(pic_11.jpg) no-repeat center center; background-size: cover;}
.section4 .title{margin-bottom: 80px; font-size: 36px; font-weight: bold; text-align: center; color: #ffffff;}
.section4 .a1{float: left; width: 225px;}
.section4 .a1 .s4-a1-swiper{height: 560px; border-right: 1px solid #7ebee8;}
.section4 .a1 .s4-a1-swiper .swiper-slide .t{height: 100%; line-height: 70px; text-align: center; font-size: 18px; color: #ffffff; cursor: pointer;}
.section4 .a1 .s4-a1-swiper .swiper-slide-active .t{border-right: 3px solid #9bc73c; background-image: linear-gradient(to left,rgba(91,169,147,1),rgba(91,169,147,0));}
.section4 .a2{float: right; width: 1038px;}
.section4 .a2 .item{display: none;}
.section4 .a2 .item:nth-of-type(1){display: block;}
.section4 .a2 .swiper-container{padding-bottom: 61px;}
.section4 .a2 .swiper-slide .picBox{overflow: hidden;}
.section4 .a2 .swiper-slide .picBox img{width: 100%; transition: all 0.4s;}
.section4 .a2 .swiper-slide .textBox{padding: 0 17px; font-size: 16px; background: #ffffff; line-height: 43px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
.section4 .a2 .swiper-slide a:hover .picBox img{transform: scale(1.1);}
.section4 .a2 .swiper-pagination-bullet{width: 40px; height: 5px; border-radius: 0; background: #ffffff;}
.section4 .a2 .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0;}

.section5{position: relative; padding: 80px 0 70px 0;}
.section5 .a1{margin-bottom: 56px;}
.section5 .a1 .b1{float: left; padding-bottom: 20px; font-size: 36px; font-weight: bold; color: #000; background: url(pic_03.png) no-repeat left bottom;}
.section5 .a1 .b2{float: right; margin-top: 16px;}
.section5 .a1 .b2 .item{position: relative; float: left; margin-right: 13px;}
.section5 .a1 .b2 .item:last-child{margin-right: 0;}
.section5 .a1 .b2 .item a{display: block; position: relative; height: 38px; padding: 0 22px; border: 1px solid #c0c0c0; font-size: 18px; color: #000; border-radius: 30px; line-height: 38px; transition: all 0.4s;}
.section5 .a1 .b2 .item.on a,
.section5 .a1 .b2 .item:hover a{color: #ffffff; border-color: #1378be; background: #1378be;}
.section5 .a2 .item .swiper-slide{background: #ffffff; box-sizing: border-box;}
.section5 .a2 .item .swiper-slide .picBox{overflow: hidden;}
.section5 .a2 .item .swiper-slide .picBox img{max-width: 100%; transition: all 0.4s;}
.section5 .a2 .item .swiper-slide .textBox{padding: 24px 7px 0 10px; border-bottom: 1px solid #eeeeee;}
.section5 .a2 .item .swiper-slide .textBox .b1{margin-bottom: 12px; font-size: 18px; font-weight: bold; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section5 .a2 .item .swiper-slide .textBox .b2{margin-bottom: 36px;}
.section5 .a2 .item .swiper-slide .textBox .b2 .bb{float: left; margin-right: 30px; padding-left: 21px; font-family: Arial; color: #999; background: url(pic_14.png) no-repeat left center;}
.section5 .a2 .item .swiper-slide .textBox .b2 .bc{float: left; padding-left: 25px; color: #999; background: url(pic_15.png) no-repeat left center;}
.section5 .a2 .item .swiper-slide .textBox .b3{padding-bottom: 22px;}
.section5 .a2 .item .swiper-slide .textBox .b3 .bb{float: left; font-family: Arial; font-weight: bold; color: #999;}
.section5 .a2 .item .swiper-slide .textBox .b3 .bc{float: right;}
.section5 .a2 .item .swiper-slide .textBox .b3 .bc span{margin-right: 19px;}
.section5 .a2 .item .swiper-slide .textBox .b3 .bc span:last-child{margin-right: 0;}
.section5 .a2 .item .swiper-slide:hover .picBox img{transform: scale(1.1);}
.section5 .a2 .item .swiper-pagination .swiper-pagination-bullet{width: 14px; height: 8px; border-radius: 8px; background: #ffffff; opacity: 1; transition: all 0.3s;}
.section5 .a2 .item .swiper-pagination .swiper-pagination-bullet-active{width: 52px;}
.section5 .a2 .item .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0;}

#wave1, #wave2{position: absolute;width: 100%;height: 150px;top: -140px;margin-top: 2px;z-index: 10;}